<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>计数器</p>
    <!-- v-model 必填 -->
    <div style="width: 250px">
      <my-num v-model="defaultV" :max="-100" :precision="[2, 9]"></my-num>
      双向绑定：{{ defaultV }}
    </div>
    <br />
    <button @click="sub">提交数据</button>
  </div>
</template>
<script>
import myNum from "@/components/myNum.vue";
export default {
  components: {
    myNum,
  },
  data() {
    return {
      defaultV: [99, -9],
    };
  },
  methods: {
    sub() {
      console.log(this.defaultV);
    },
  },
};
</script>
